{{! Client-side Mustache template for rendering the message edit form. }}

<form id="message_edit_form" class="form-horizontal new-style">
    <div class="alert" id="message-edit-send-status-{{message_id}}">
        <span class="send-status-close">&times;</span>
        <span class="error-msg"></span>
    </div>
    {{#if is_stream}}
    <div class="control-group no-margin">
        <div class="controls edit-controls">
            <input type="text" placeholder="{{topic}}" value="{{topic}}" class="message_edit_topic" id="message_edit_topic" />
            <select class='message_edit_topic_propagate' style='display:none;'>
                <option selected="selected" value="change_one"> {{t "Change only this message topic" }}</option>
                <option value="change_later"> {{t "Change later messages to this topic" }}</option>
                <option value="change_all"> {{t "Change previous and following messages to this topic" }}</option>
            </select>
        </div>
    </div>
    {{/if}}
    <div class="control-group no-margin">
        <div class="controls edit-controls">
            <button class="btn pull-right copy_message" data-toggle="tooltip" title="{{t "Copy and close" }}" data-clipboard-target="#message_edit_content_{{message_id}}">
                <svg height="20" width="18" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg" id="clipboard_image">
                    <path fill="#777" d="M128 768h256v64H128v-64z m320-384H128v64h320v-64z m128 192V448L384 640l192 192V704h320V576H576z m-288-64H128v64h160v-64zM128 704h160v-64H128v64z m576 64h64v128c-1 18-7 33-19 45s-27 18-45 19H64c-35 0-64-29-64-64V192c0-35 29-64 64-64h192C256 57 313 0 384 0s128 57 128 128h192c35 0 64 29 64 64v320h-64V320H64v576h640V768zM128 256h512c0-35-29-64-64-64h-64c-35 0-64-29-64-64s-29-64-64-64-64 29-64 64-29 64-64 64h-64c-35 0-64 29-64 64z" />
                </svg>
            </button>
            <textarea class="message_edit_content" maxlength="10000" id="message_edit_content_{{message_id}}">{{content}}</textarea>
            <div class="scrolling_list preview_message_area" id="preview_message_area_{{message_id}}" style="display:none;">
                <div id="markdown_preview_spinner_{{message_id}}"></div>
                <div id="preview_content_{{message_id}}" class="preview_content"></div>
            </div>
        </div>
    </div>
    <div class="control-group action-buttons">
        <div class="controls edit-controls">
            {{#if is_editable}}
            <button type="button" class="button small rounded sea-green message_edit_save">{{t "Save" }}</button>
            <button type="button" class="button small rounded message_edit_cancel">{{t "Cancel" }}</button>
            {{else}}
            <button type="button" class="button small rounded message_edit_close">{{t "Close" }}</button>
            {{/if}}
            {{#if has_been_editable}}
            <div class="message-edit-feature-group">
                <input type="file" id="message_edit_file_input_{{message_id}}" class="notvisible pull-left" multiple />
                <a class="message-control-button fa fa-smile-o" aria-hidden="true" id="emoji_map" href="#" data-message-id="{{message_id}}" title="{{t 'Add emoji' }}"></a>
                <a class="message-control-button fa fa-font" aria-hidden="true" title="{{t 'Formatting' }}" data-overlay-trigger="message-formatting" ></a>
                <a class="message-control-button fa fa-paperclip notdisplayed" aria-hidden="true" id="attach_files_{{message_id}}" href="#" title="{{t "Attach files" }}"></a>
                <a class="message-control-button fa fa-video-camera video_link" aria-hidden="true" href="#" data-message-id="{{message_id}}" title="{{t "Add video call" }}"></a>
                <a id="undo_markdown_preview_{{message_id}}" class="message-control-button fa fa-edit" aria-hidden="true" style="display:none;" title="{{t 'Write' }}"></a>
                <a id="markdown_preview_{{message_id}}" class="message-control-button fa fa-eye" aria-hidden="true" title="{{t 'Preview' }}"></a>
            </div>
            <div class="message-edit-timer-control-group">
                <span class="message_edit_countdown_timer"></span>
                <span><i id="message_edit_tooltip" class="message_edit_tooltip fa fa-question-circle" aria-hidden="true" data-toggle="tooltip"
                    title="{{#tr this}}This organization is configured to restrict editing of message content to __minutes_to_edit__ minutes after it is sent.{{/tr}}"></i>
                </span>
            </div>
            {{/if}}
        </div>
    </div>
    <div class="alert alert-error edit_error hide"></div>
</form>
